<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>product</title>
    <link rel="StyleSheet" href="/css/bootstrap.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="Admin/choose">

</div>
<div id="Content">
    <div id="BackLink">
        <a href="/admin/main">Return to Main</a>
    </div>

    <div id="Catalog">

        <table>
            <tr class="table-danger">
                <th colspan="2">Product&item</th>
            </tr>

            <tr class="table-danger">
                <th colspan="2">BIRDS</th>
                <td><a class="Button" th:href="@{/admin/GoToAddProduct(categoryId=${birds.get(0).categoryId})}">add</a></td>
            </tr>
            <tr  class="table-warning" th:each="bird:${birds}">
                <td><a th:href="@{/admin/GoToItem(productId=${bird.productId})}" th:text="${bird.productId}">num</a><a class="Button" th:href="@{/admin/deleteProduct(productId=${bird.productId})}">Delete</a></td>
            </tr>
            <tr class="table-danger">
                <th colspan="2">CATS</th>
                <td><a class="Button" th:href="@{/admin/GoToAddProduct(categoryId=${cats.get(0).categoryId})}">add</a></td>
            </tr>
            <tr class="table-warning" th:each="cat:${cats}">
                <td><a th:href="@{/admin/GoToItem(productId=${cat.productId})}" th:text="${cat.productId}">num</a><a class="Button" th:href="@{/admin/deleteProduct(productId=${cat.productId})}">Delete</a></td>
            </tr>
            <tr class="table-danger">
                <th colspan="2">FISH</th>
                <td><a class="Button" th:href="@{/admin/GoToAddProduct(categoryId=${fish.get(0).categoryId})}">add</a></td>
            </tr>
            <tr class="table-warning" th:each="FISH:${fish}">
                <td><a th:href="@{/admin/GoToItem(productId=${FISH.productId})}" th:text="${FISH.productId}">num</a><a class="Button" th:href="@{/admin/deleteProduct(productId=${FISH.productId})}">Delete</a></td>
            </tr>
            <tr class="table-danger">
                <th colspan="2">DOGS</th>
                <td><a class="Button" th:href="@{/admin/GoToAddProduct(categoryId=${dogs.get(0).categoryId})}">add</a></td>
            </tr>
            <tr  class="table-warning" th:each="dog:${dogs}">
                <td><a th:href="@{/admin/GoToItem(productId=${dog.productId})}" th:text="${dog.productId}">num</a><a class="Button" th:href="@{/admin/deleteProduct(productId=${dog.productId})}">Delete</a></td>
            </tr>
            <tr class="table-danger">
                <th colspan="2">REPTILES</th>
                <td><a class="Button" th:href="@{/admin/GoToAddProduct(categoryId=${reptiles.get(0).categoryId})}">add</a></td>
            </tr>
            <tr class="table-warning" th:each="reptile:${reptiles}">
                <td><a th:href="@{/admin/GoToItem(productId=${reptile.productId})}" th:text="${reptile.productId}">num</a><a class="Button" th:href="@{/admin/deleteProduct(productId=${reptile.productId})}">Delete</a></td>
            </tr>
        </table>

    </div>


</div>

</body>
</html>